<template>
  <div class="info-container">
    <van-cell-group>
      <van-field
        v-model="state.formData.gddz"
        name="gdms"
        label="告警等级"
        label-align="top"
      />
      <van-field v-model="state.formData.gdms" name="bz" label="区县" label-align="top" />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="是否演练"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="点位是否在库"
        label-align="top"
      />
      <van-field v-model="state.formData.gdms" name="bz" label="点位" label-align="top" />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="积水开始时间"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="积水深度"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="积水面积"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="是否断交"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="是否受困"
        label-align="top"
      />
      <van-field v-model="state.formData.gdms" name="bz" label="街道" label-align="top" />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="详细位置"
        label-align="top"
      />
      <van-field v-model="state.formData.gdms" name="bz" label="描述" label-align="top" />
      <van-field name="uploader" label="文件上传">
        <template #input>
          <van-image round width="2rem" height="2rem" :src="state.formData.avatarUrl" />
        </template>
      </van-field>
    </van-cell-group>
  </div>
</template>

<script setup>
import { reactive, onMounted } from "vue";
const state = reactive({
  checked: false,
  formData: {},
});
</script>

<style lang="less" scoped>
.info-container {
  height: 100%;
}
</style>
